
<div class="wrapper wrapper-content">

  <div class="row">
    <div class="col-lg-3">
      <div class="ibox float-e-margins">
        <div class="ibox-title">
          <h5>Basic example <small>with custom Font Awesome icons.</small></h5>
          <div class="ibox-tools">
            <a class="collapse-link">
              <i class="fa fa-chevron-up"></i>
            </a>
            <a class="close-link">
              <i class="fa fa-times"></i>
            </a>
          </div>
        </div>
        <div class="ibox-content">


          <div id="jstree_demo_div" js-tree="treeConfig" ng-model="treeData" tree="treeInstance"  tree-events="ready:readyCB;create_node:createNodeCB;select_node:select_nodeCB" ></div>


          <!--<p ng-bind="treeData|json"></p>-->
          <p ng-bind="treeInstance|json"></p>

        </div>
      </div>
    </div>

    <!--<div class="col-lg-9">-->

      <div class="col-lg-3">
        <div class="ibox">
          <div class="ibox-title">
            <h5>Example with fullscreen option</h5>
            <div ibox-tools-full-screen></div>
          </div>
          <div class="ibox-content" style="height: 280px;">
            <img src="assets/images/demo/pic01.jpg" width="100%" height="100%" alt="">
          </div>
        </div>
      </div>

      <div class="col-lg-3">
        <div class="ibox">
          <div class="ibox-title">
            <h5>Example with fullscreen option</h5>
            <div ibox-tools-full-screen></div>
          </div>
          <div class="ibox-content" style="height: 280px;">
            <img src="assets/images/demo/pic02.jpg" width="100%" height="100%" alt="">
          </div>
        </div>
      </div>

      <div class="col-lg-3">
        <div class="ibox">
          <div class="ibox-title">
            <h5>Example with fullscreen option</h5>
            <div ibox-tools-full-screen></div>
          </div>
          <div class="ibox-content" style="height: 280px;">
            <img src="assets/images/demo/pic03.jpg" width="100%" height="100%" alt="">
          </div>
        </div>
      </div>

      <!--<div class="col-lg-9">-->
        <!--<div class="ibox">-->
          <!--<div class="ibox-title">-->
            <!--<h5>Example with fullscreen option</h5>-->
            <!--<div ibox-tools-full-screen></div>-->
          <!--</div>-->
          <!--<div class="ibox-content">-->

            <!--<div>-->
              <!--<c3chart bindto-id="chart2">-->
                <!--<chart-column column-id="data 1"-->
                              <!--column-values="30, 200, 100, 400, 150, 250"-->
                              <!--column-type="spline" column-color="#1ab394"/>-->
                <!--<chart-column column-id="data 2"-->
                              <!--column-values="130, 100, 140, 200, 150, 50"-->
                              <!--column-type="spline" column-color="#BABABA" />-->
              <!--</c3chart>-->
            <!--</div>-->


          <!--</div>-->
        <!--</div>-->
      <!--</div>-->






    <div class="col-lg-9">
      <div class="ibox">
        <div class="ibox-title">
          <h5>Example with fullscreen option</h5>
          <div ibox-tools-full-screen></div>
        </div>
        <div class="ibox-content">

          <div>
            <canvas linechart options="lineOptions" data="lineData" height="140" responsive=true ></canvas>
          </div>


        </div>
      </div>
    </div>




    <!--</div>-->

  </div>


</div>
